      
        // 选项卡点击切换功能
      selectTab();
        function selectTab(){
        // 1、获取所有的按钮tabs选项卡
        const tabHeaderItems = document.querySelectorAll(".tab-header .tab-header-item");
        // 2、遍历所有的项，然后给每一个tab-header-item添加一个click点击事件
        // 记录当前被激活的索引
        let activeIndex = 0;
        // 获取所有的tab-content-item
        const tabContentItems = document.querySelectorAll('.tab-content .tab-content-item');


        for(let i = 0; i < tabHeaderItems.length; i++){
            tabHeaderItems[i].addEventListener("click",function(){
                tabHeaderItems[activeIndex].classList.remove("active");
                this.classList.add("active");

                //隐藏当前被激活的这一项的tab-content-item
                tabContentItems[activeIndex].style.display='none';
                // 然后显示自身
                tabContentItems[i].style.display='block';
                // 更新当前激活项的索引
                activeIndex = i;
            })
        }
        }